<script setup lang="ts">
import { useAudioPlayerStore } from "@/stores"
const audioPlayer = useAudioPlayerStore()
const props = defineProps({
  themeDarkStyle: {
    required: false,
    default: false,
    type: Boolean
  }
})

const handelPrev = () => {
  audioPlayer.Prev()
}

</script>

<template>
  <div :class="themeDarkStyle? 'img_prev dark': 'img_prev'" @click="handelPrev">

  </div>

</template>

<style lang="scss" scoped>
.img_prev{
  background: url(@/assets/qqimgs/btn-prefore.svg);
  height: 16px;
  width: 15px;

  &:hover{
    cursor: pointer;
  }
  &:active{
    transform: translate(-1px,1px) ;
  }
}

.dark{
  background: url(@/assets/qqimgs/btn-prefore--white.svg);
}

</style>